<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title></title>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/swiper.min.css">
  <link rel="stylesheet" type="text/css" href="css/style.css">
  <script src="js/screen.js"></script>
  <script src="js/jquery.js"></script>
 </head>
 <body>
 	<a href="" class="homeTag"><img src="images/homeBtn.png"></a>
	<div class="banner">
    	<a href="" class="backBtn"><img src="images/back.png"></a>
        <div class="choseTime">
        	<div class="dataChose">
        		<span>开始</span><input type="date" value="2020-01-20">
            </div>
            <div class="dataChose">
        		<span>结束</span><input type="date" value="2020-01-20">
            </div>
        </div>
        <a href="" class="searchBtn"></a>
    </div>
    <div class="contant">
        <div class="choseBox">
            <span class="on">个人今日排名</span>
            <span>个人总排名</span>
            <span>团队今日排名</span>
            <span>团队总排名</span>
        </div>
        <div class="choseBar">
            <div class="tpList">
                <div class="listTit">
                    <span class="blue">排名</span>
                    <span class="blue">姓名</span>
                    <span>新粉丝</span>
                    <span>成交</span>
                    <span class="blue">业绩</span>
                </div>
                <ul>
                    <li>
                        <span><img src="images/icon1.png"></span>
                        <span class="blue">小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span class="blue">1024.00</span>
                    </li>
                    <li>
                        <span><img src="images/icon2.png"></span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span><img src="images/icon3.png"></span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>4</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>5</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>6</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>7</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>8</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>9</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>10</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>10</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>10</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>10</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>10</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                    <li>
                        <span>10</span>
                        <span>小萱</span>
                        <span>24</span>
                        <span>110</span>
                        <span>1024.00</span>
                    </li>
                </ul>
            </div>
        </div>
     </div>
 </body>
 <script>
 	$(window).scroll(function(){
		var scrolTop = $(window).scrollTop();
		var spaceHeight = $('.tpList').offset().top;
		var padingSpace = $('.listTit').height();
		if(scrolTop>spaceHeight){
			$('.listTit').addClass('posFixed');
			$('.tpList').css('padding-top',padingSpace)
		}else{
			$('.listTit').removeClass('posFixed');
			$('.tpList').css('padding-top','0')
		}
	})
 </script>
</html>
